<fieldset id="cadastroUsuario">
	<legend>Cadastro de Usuário</legend>

	<div class="row">
	
		<div class="span12">
			<label for="nomeUsuario">Nome</label>
			<input id="nomeUsuario" type="text" class="input-xxlarge" name="nome"></input>
		</div>

	</div>

	<div class="row">
	
		<div class="span7">
			<label for="emailUsuario">E-Mail</label>
			<input id="emailUsuario" type="text" class="input-xxlarge" name="email"></input>
		</div>

		<div class="span5">
			<label for="loginUsuario">Login</label>
			<input id="loginUsuario" type="text" class="input-medium" name="login"></input>
		</div>

	</div>

	<div class="row">
		<div class="span4">
			<label for="rgUsuario">RG</label>
			<input id="rgUsuario" type="text" class="input-medium" name="rg"></input>
		</div>

		<div class="span3">
			<label for="cpfUsuario">CPF</label>
			<input id="cpfUsuario" type="text" class="input-medium cpf" name="cpf"></input>
		</div>

		<div class="span5">
			<label for="nascimentoUsuario">Data de Nascimento</label>
			<input id="nascimentoUsuario" type="text" class="input-medium data" name="nascimento"></input>
		</div>

	</div>

	<div class="row">
		<div class="span4">
			<label for="cidadeUsuario">Cidade</label>
			<input id="cidadeUsuario" type="text" class="input-medium" name="cidade"></input>
		</div>

		<div class="span8">
			<label for="estadoUsuario">Estado</label>
			<input id="estadoUsuario" type="text" class="input-mini" name="estado"></input>
		</div>

	</div>

	<div class="row">
		<div class="span4">
			<label for="enderecoUsuario">Endereço</label>
			<input id="enderecoUsuario" type="text" class="input-xlarge" name="endereco"></input>
		</div>

		<div class="span8">
			<label for="bairroUsuario">Bairro</label>
			<input id="bairroUsuario" type="text" class="input-medium" name="bairro"></input>
		</div>

	</div>
	
	<div class="row">
		<div class="span4">
			<label for="telefoneUsuario">Telefone</label>
			<input id="telefoneUsuario" type="text" class="input-medium telefone" name="telefone"></input>
		</div>

		<div class="span8">
			<label for="tipoUsuario">Tipo</label>
            <select id="tipoUsuario" name="tipo">
                <option value="">Selecione...</option>
                <option value="A">Administrador</option>
                <option value="P">Pedagogo</option>
                <option value="AP">Aplicador</option>
            </select>
		</div>

	</div>

	<div class="row" style="padding-top: 20px; padding-botton: 10px;">
		<div class="span2">
			<button class="btn btn-primary btn-large" id="salvarButton">Salvar</button>
		</div>
	</div>

	
</fieldset>

<script src="<?php echo base_url(); ?>assets/js/jquery.maskedinput-1.1.4.pack.js"></script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap-datepicker.js"></script>
<script src="<?php echo base_url(); ?>assets/js/locales/bootstrap-datepicker.pt-BR.js" charset="UTF-8"></script>
<script type="text/javascript">
	var usuario_id = null;

	$(document).ready(function(){
		$("#salvarButton").click(function(){
			var data = form.serialize('cadastroUsuario');
			if(data['nascimento'])
				data['nascimento'] = $('#nascimentoUsuario').datepicker('getDate').format("yyyy-MM-dd"); 

			if(usuario_id != null){
				data['id'] = usuario_id;
			}

			form.submit('<?php echo base_url(); ?>usuario/salvar', data, 'POST');
		});

		load();
		$('.cpf').mask('999.999.999-99');
		$('.telefone').mask('(99)9999-9999');

		$('.data').datepicker({
		    format: "dd/mm/yyyy",
		    language: "pt-BR",
		    autoclose: true,
		    todayHighlight: true
		});
		
		$('.data').mask('99/99/9999');
		
	});

	function load(){
		var id = form.loadVar('id');

		if(!id)
			return;

		modal.carregando();

		$.ajax({
			url: '<?php echo base_url(); ?>usuario/show_info_json',
			data: {id: id},
			type: 'GET',
			success: function(result){
				var jsonResult = JSON.parse(result);
				$.each(jsonResult, function(v,i){
					if(v == 'nascimento'){
						$('[name=' + v + ']').datepicker('setDate',parse_date(i));
					} else if(v != 'id')
						$('[name=' + v + ']').val(i);
					else
						usuario_id = i;
				});
				modal.encerrar();
			},
			error: function(){
				modal.message('Erro ao carregar informações');
			}
		});
	}
</script>
